body {
    *[type='button'] {
        cursor: pointer;
        user-select: none;
    }
    
    padding: 0;
    margin: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 2500px auto;
    #site-bg{
        position: absolute;
        top:0;
        z-index: -1;
    }
    #tab-container{
        background-color: white;
        padding-left: 5px;
        .tab-menu-btn{
            float: left;
            clear: right;
            margin-right: 16px;
            font-size: 14px;
        }
        position: relative;
        overflow: hidden;
    }
    .header {
        margin-left: auto;
        margin-right: auto;
        width: 1100px;
        display: flex;
        justify-content: space-between;
        font-size: 12.8px;

        .header-right {
            .btn-tab[show-icon] {
                background-image: url(../img/qznav.png);
                background-repeat: no-repeat;
                padding-left: 16px;
            }
            .btn-tab{
                display: inline-flex;
                align-items: center;
                margin-top: 2px;
                padding-left: 14px;
                margin-right: 0;
                height: 30px;
            }
        }

        .header-left {
            display: flex;
            height: 36px;
            position: relative;
            align-items: center;
            justify-content: start;

            .site-logo {
                display: block;
                width: auto;
                text-decoration: none;
                color: inherit;
                margin-left: 4px;
                padding-left: 14px;
                background: url(/img/qznav.png) 0 2px no-repeat;
            }
        }

        .btn-tabs {
            display: block;
            width: 68px;
            border: 1px solid #424242;
            text-align: center;
            cursor: pointer;
            margin-right: 12px;
            user-select: none;
        }

        color:#ccc;

        .btn-clicked {
            background-color: aqua;
        }
    }

    #slider {
        width: 532px;
        height: 252px;

        img {
            width: 100%;
            height: 100%;
        }
    }

    #dev-view,#dev-view1 {
        position: fixed;
        left: 0;
        bottom: 0;
    }
    #dev-view1{
        left:72px;
    }

    .hidden {
        display: none;
    }
    .white-bg{
        background-color: rgba($color: #2222229d, $alpha: 1);
    }
}